 //找到网页上的图画的位置，并且用echarts初始化这个区域
 var myChart = echarts.init(document.getElementById("idx1"));
 //配置绘制参数
 var option = {
    title: {
        text:'仪表盘参数设置--章玉景',
        left: 'center',
    },
    series:{
        type:'gauge',
        //data: [80],
        data: [{
            name: '速度',
            value: 77,
        }],
     min: 50,
     max: 200,
     // data:[1,2,3],
     }

 };
 //画图
 myChart.setOption(option);
 ///--------------------------------------------------------------------
  //找到网页上的图画的位置，并且用echarts初始化这个区域
  var myChart2 = echarts.init(document.getElementById("idx2"));
  //配置绘制参数
  var option2 = {
     title: {
         text:'仪表盘参数设置--章玉景',
         left: 'center',
     },
      series:{
      type:'gauge',
      radius: '85%',
      //data: [80],
      data: [{
          name: '当前速度',
          value: 77,
          title:{
              show:true,
              color:'red',  // 字体颜色
              backgroundColor:'yellow', //背景颜色
              fontSize:20
          }
      }],
      min: 50,
      max: 200,
      // data:[1,2,3],
      axisLine: {
        lineStyle: {
          width: 7,
          color: [
            [0.25, '#FF6E76'],
            [0.5, '#FDDD60'],
            [0.75, '#58D9F9'],
            [1, '#7CFFB2']
          ]
        }
      },
      detail: {
        show:true,
        formatter: '{value} km/h',
        color: 'auto',
      },
      },

  };
  //画图
  myChart2.setOption(option2);
   ///--------------------------------------------------------------------
  //找到网页上的图画的位置，并且用echarts初始化这个区域
  var myChart3 = echarts.init(document.getElementById("idx3"));
  //配置绘制参数
  var option3= {
     title: {
         text:'仪表盘参数设置--章玉景',
         left: 'center',
     },
      series:{
        type:'gauge',
      data: [{
          name: '',
          value: 60,
          }],
      min: 0,
      max: 60,
      splitNumber: 12,
      startAngle: 90,
      endAngle: -270,
        },
        axisLabel: {
            fontSize: 20,
            distance: 25,  //数字与刻度之间的距离
            formatter: function (value) {
              if (value === 0) {
                return '';
              }
              return value + '';
            }
          },
    };
      // data:[1,2,3],
  //画图
  myChart3.setOption(option3);
     ///--------------------------------------------------------------------
  //找到网页上的图画的位置，并且用echarts初始化这个区域
  var myChart4= echarts.init(document.getElementById("idx4"));
  //配置绘制参数
  
  var option4= {
    title: {
        text:'仪表盘参数设置--章玉景',
        left: 'center',
    },
     series:{
       type:'gauge',
     data: [{
         name: '',
         value: 0,
         detail:{
             show:false,
        },
         }],
     min: 0,
     max: 60,
     splitNumber: 12,
     startAngle: 90,
     endAngle: -270,
       },
       axisLabel: {
           fontSize: 20,
           distance: 25,  //数字与刻度之间的距离
           formatter: function (value) {
             if (value === 0) {
               return '';
             }
             return value + '';
           },
         },      
   };             
  //画图
  myChart4.setOption(option4);
  setInterval(function(){
      var timeT = option4.series.data[0].value;
      timeT = (timeT + 1) % 60;
      option4.series.data[0].value = timeT;
      option4.series.anination = (timeT !=0);
      myChart4.setOption(option4);
  },1000);
